<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/product.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
  <div class="htop">
    <div class="fish">
      <span>七彩鲜花商城欢迎您！</span>
      <a href="./index.html">返回首页</a>
    </div>
    <span class="right">
      <a href="../shopping.html" class="go">去购物车</a>
      <a href="">我的订单</a>
      <div class="rightD">
        <a href="../personage.html" class="sc">个人中心</a>
        <div class="sale">
          <a href="">优惠券</a>
          <a href="">评价晒单</a>
          <a href="">商品收藏</a>
          <a href="">收货地址</a>
        </div>
      </div>
      <a href="">在线客服</a>
      <span>客服热线：</span>
      <span class="tel">400-658-1177</span>
    </span>
  </div>
  <div class="content">
    <!-- 商品详情 -->
    <div class="conter">
      <div class="pict">
        <!-- 正常图片盒子 -->
        <div class="s_box"> 
          <img src="" alt="">
          <span></span>
        </div>
        <!-- 放大镜图片盒子 -->
        <div class="b_box">
          <img src="" alt="">
        </div>
        <!-- 分页部分 -->
        <!-- 点击d1切换上面的大图 -->
         <div class="p2"> 
          <span class="sle"><</span>
              <div class="d1 active">
                <img src="https://img.7hua.com/proimgs/903316175228.png" alt="">
              </div>
              <div class="d1">
                <img src="https://img.7hua.com/proimgs/019180175228.jpg" alt="">
              </div>
              <div class="d1">
                <img src="https://img.7hua.com/proimgs/901901175228.png" alt="">
              </div>
              <div class="d1">
                <img src="https://img.7hua.com/proimgs/902101175228.png" alt="">
              </div>
              <div class="d1">
                <img src="https://img.7hua.com/proimgs/902907175228.png" alt="">
              </div>
              <span class="spr">></span>
        </div> 
        <div class="p3">
          <div class="mark1">
            <span>商品货号</span>
            <span>1234</span>
          </div>
          <div class="share">
            <a href=""><img src="./images/s.png" alt="">分享</a>
            <a href="" class="share1"><img src="./images/collect.png" alt="">收藏(0)</a>
          </div>
        </div>
      </div>
      <!-- 商品介绍 -->
      <div class="introduce">
        <div class="id">
          <span class="id1">自营</span>
          <span class="id2">真爱如初</span>
          <p>主材：11枝玫瑰</p>
          <span class="id3">产品编号：011172</span>
        </div>
        <!-- 价格 -->
        <div class="price">
          <div class="selling">
            <span class="pir">售价</span>
            <span class="four">￥459</span>
          </div>
          <div class="newp">
            <div class="vip">
              <img src="./images/VIPpic.png" alt="">
            </div>
            <p>新人首单价</p>
            <a href="">注册会员</a>
          </div>
        </div>
        <!-- 评价 -->
        <div class="evaluate">
          <span class="eva">评价</span>
          <span class="start">
            <img src="./images/start.png" alt="">
          </span>
          <a href="">（已有<span class="red">484</span>人评价）</a>
        </div>
        <!-- 规格 -->
        <div class="specification">
          <span class="eva">规格</span>
          <div class="type">
            <a href="">红玫瑰</a>
            <a href="">白百合</a>
            <a href="">红康乃馨</a>
            <a href="">花瓶小号</a>
            <div>说明：受季节和地域影响，各地配材略有差异，配材及包装请以实物为准</div>
          </div>
        </div>
        <div class="quantity">
          <span class="eva">数量</span>
          <a href="" class="eva1">-</a>
          <input type="text" value="0" class="eva2">
          <a href="" class="eva3">+</a>
        </div>
        <div class="join">
          <a href="" class="add">加入购物车</a>
        </div>
        <div class="safeguard">
          <p><img src="./images/self-support.png" alt="">自营正品保障</p>
          <p><img src="./images/self-support.png" alt="">299元全场包邮</p>
          <p><img src="./images/self-support.png" alt="">30天无理由退货</p>
        </div>
      </div>
      <!-- 联系客服 -->
      <div class="service">
        <div class="Kieh">
          <a href="" class="kieh1">
            <img src="./images/logo.gif" alt="">
          </a>
          <a href="" class="kieh2">真爱如初</a>
          <a href="" class="show">
            <img src="./images/kefu_baise.gif" alt="">
          </a>
        </div>
        <div class="store">
          <a href="">进入店铺</a>
          <a href="">收藏店铺</a>
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="mt">
        <div class="mt1">商品介绍</div>
        <div class="mt2">商品评价</div>
      </div>
      <div class="total">
        <img src="" width="900">
      </div>
    </div>
  </div>
</body>
<script src="./js/product.js"></script>
</html>